/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .yellow-form input {
        margin: 0;
    }
    .yellow-trangle {
        height: auto;
    }
    .yellow-trangle h3 {
        font-size: 1.4em;
    }
    .yellow-trangle::after {
        border: none;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .yellow-trangle {
        display: block;
        width: 100%;
    }
    .yellow-trangle h3 {
        font-size: 1.6em;
    }
    .yellow-form form {
	    margin: 20px auto;
	}
}




/* Small Devices, Tablets */

@media only screen and (max-width: 684px) {
    .main_form {
        text-align: center;
    }
    .main_form input {
        margin: 0 10px;
    }
    .main_form button {
        display: block;
        margin: 10px auto;
        width: 100%;
    }
    .master img {
        width: 100%;
    }
    header h1 {
        white-space: pre-wrap;
        font-size: 4.5em;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .nav {
        text-align: center;
    }
    .top-tel {
        text-align: center;
    }
    .master img {
        width: 100%;
    }
    .master {
        padding-top: 0;
    }
    .main_form input {
        width: 100%;
        margin: 5px auto;
    }
    header h1 {
        white-space: pre-wrap;
        font-size: 4em;
    }
    .cost-block a {
        margin: 25px auto 15px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .nav {
        text-align: center;
    }
    .top-tel {
        text-align: center;
    }
    .master img {
        width: 100%;
    }
}